

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Invoice</title>
    <link href="/css/dialog.css" rel="stylesheet" type="text/css" />
    <script src="/js/ADS.js" type="text/javascript"></script>
    <style type="text/css" media="print">
        .NoPrint
        {
            display: none;
        }
    </style>
    <script type="text/javascript">
        $().ready(function(){
            $('#theForm').validate();    
        })
    </script>
</head>
<body style="font-size: 12px">
    <form method="post" action="Invoice.aspx?orderid=33" id="theForm">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTc1NzY2MzczNw9kFgICAQ9kFiICAQ8PFgIeBFRleHQFCTExMDMzMDAwMGRkAgMPDxYCHwAFCENoYUJ1RHVvZGQCBQ8PFgIfAAUINTk1NTFlcm5kZAIHDw8WAh8ABQpQT1MtUGF5cGFsZGQCCQ8PFgIfAAUDQ01UZGQCCw8PFgIfAAUTMjAxMS8wNy8wMSAxMTo1NDo0OWRkAg0PDxYCHwAFBjE3NC4zNWRkAg8PFgIeC18hSXRlbUNvdW50AgEWAgIBD2QWAmYPFQkBMQgycGMgc3VpdAJBTAQxMjA2AzYwWQYxMi4xMjUBMgk1NS4wMC9ISyQGMTc0LjM1ZAIRDw8WAh8ABQY4ODAuMDBkZAITDxYCHwECARYCAgEPZBYCZg8VBwExCDJwYyBzdWl0ATIEVHJ1ZQYyODAuMDAGMTYwLjAwAzg4MGQCFQ8PFgIfAAUFMTkuMDBkZAIXDzwrAAkBAA8WBB4IRGF0YUtleXMWAB8BAgFkFgJmD2QWBmYPFQEIMnBjIHN1aXRkAgEPDxYCHwAFATJkZAIFDxYCHwECAhYEAgEPZBYCZg8VAwVTbGFjaw5Db3Jvem8gQnV0dG9ucwQ0LjUwZAICD2QWAmYPFQMFU2xhY2sFQ3JlYW0ENS4wMGQCGw88KwARAQEQFgAWABYAZAIdDw8WAh8ABQQwLjAwZGQCIQ9kFgQCAQ8PFgIfAAUGMTIxLjIwZGQCAw8WAh8BAgEWAgIBD2QWAmYPFQUIMnBjIHN1aXQBMgRUcnVlAzEuNwM2LjhkAiMPDxYCHwAFBDAuMDBkZAItDxAPFgYeDURhdGFUZXh0RmllbGQFCm1ldGhvZE5hbWUeDkRhdGFWYWx1ZUZpZWxkBQpwZXJjZW50YWdlHgtfIURhdGFCb3VuZGdkEBUCClBPUy1QYXlwYWwGM09ELVdUFQIFMC4wNTUBMBQrAwJnZ2RkGAEFD0dWT3JkZXJEYXRldGltZQ9nZCvzgY7B1/PuML+CVmTqwbX/p26++e4eN/sDtC05ZNnX" />

<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWCQL1sNaqCwKF+LLDDAK4/6KDBgKrt/PPDgKZsO/lAgLRxKKXCwKquISwCAKK5LizAgLkgpuUA+P9vS9i4RFsIw9i4ALQgAbb8N1lm0EaLetPbrvGWnzL" />
    <table border="1" cellpadding="1" cellspacing="1" class="inputTable" style="width: 100%">
        <tr>
            <td align="center" colspan="4">
                <strong><span style="font-size: 25pt">INVOICE</span></strong>
            </td>
        </tr>
        <tr>
            <td style="width: 20%">
                <strong>Invoice#:</strong>
            </td>
            <td style="width: 30%">
                <span id="invoiceNo">110330000</span>
            </td>
            <td style="width: 20%">
                <strong>RefNo:</strong>
            </td>
            <td>
                <span id="refNo">ChaBuDuo</span>
            </td>
        </tr>
        <tr>
            <td>
                <strong>Dealer:</strong>
            </td>
            <td>
                <span id="userName">59551ern</span>
            </td>
            <td>
                <strong>Pay Method:</strong>
            </td>
            <td>
                <span id="payMethod">POS-Paypal</span>
            </td>
        </tr>
        <tr>
            <td>
                <strong>Ship Method</strong>
            </td>
            <td>
                <span id="shipMethod">CMT</span>
            </td>
            <td>
                <strong>Total Date</strong>
            </td>
            <td>
                <strong>
                    <span id="totalDate">2011/07/01 11:54:49</span></strong>
            </td>
        </tr>
        <tr>
            <td align="center" colspan="4">
            </td>
        </tr>
    </table>
    <div class="panel">
        <div id="clothCharge" class="blockName">
            <div class="left">
                <strong>Cloth Charges:</strong></div>
            <div class="right">
                <strong>Total Cloth(US$):<span id="clothMoney" class="charge">174.35</span></strong></div>
            <div class="data">
                <table width="100%" class="detail_table">
                    
                            <tr class="detail_head">
                                <td>
                                    No
                                </td>
                                <td style="width: 25%">
                                    Item
                                </td>
                                <td>
                                    Company
                                </td>
                                <td>
                                    Cloth #
                                </td>
                                <td>
                                    Width
                                </td>
                                <td>
                                    Size
                                </td>
                                <td>
                                    QTY
                                </td>
                                <td>
                                    Price
                                </td>
                                <td>
                                    Total US$
                                </td>
                            </tr>
                        
                            <tr>
                                <td>
                                    1
                                </td>
                                <td>
                                    2pc suit
                                </td>
                                <td>
                                    AL
                                </td>
                                <td>
                                    1206
                                </td>
                                <td>
                                    60Y
                                </td>
                                <td>
                                    12.125
                                </td>
                                <td>
                                    2
                                </td>
                                <td>
                                    55.00/HK$
                                </td>
                                <td>
                                    174.35
                                </td>
                            </tr>
                        
                </table>
            </div>
        </div>
        <div id="itemCharge" class="blockName">
            <div class="left">
                <strong>Item Charges:</strong>
            </div>
            <div class="right">
                <strong>Total Item(US$):<span id="itemMoney" class="charge">880.00</span></strong>
            </div>
            <div class="data">
                <table width="100%" class="detail_table">
                    
                            <tr class="detail_head">
                                <td>
                                    No
                                </td>
                                <td style="width: 25%">
                                    Item
                                </td>
                                <td>
                                    QTY
                                </td>
                                <td>
                                    FT
                                </td>
                                <td>
                                    FSPrice
                                </td>
                                <td>
                                    AFPrice
                                </td>
                                <td>
                                    Total
                                </td>
                            </tr>
                        
                            <tr>
                                <td>
                                    1
                                </td>
                                <td style="width: 25%">
                                    2pc suit
                                </td>
                                <td>
                                    2
                                </td>
                                <td>
                                    True
                                </td>
                                <td>
                                    280.00
                                </td>
                                <td>
                                    160.00
                                </td>
                                <td>
                                    880
                                </td>
                            </tr>
                        
                </table>
            </div>
        </div>
        <div id="styleCharge" class="blockName">
            <div class="left">
                <strong>Style Charges:</strong>
            </div>
            <div class="right">
                <strong>Total Style(US$):<span id="styleMoney" class="charge">19.00</span></strong>
            </div>
            <div class="data">
                <table id="dlItem" cellspacing="0" width="99%">
	<tr>
		<td>
                        <table style="width: 60%">
                            <tr>
                                <td colspan="2">
                                    <strong>
                                        2pc suit
                                        [<strong>Qty:
                                            <span id="dlItem_Qty_0">2</span></strong>]
                                    </strong>
                                    <input type="hidden" name="dlItem$ctl00$hforderitemid" id="dlItem_hforderitemid_0" value="100" />
                                </td>
                            </tr>
                            <tr>
                                <td width="3%">
                                </td>
                                <td>
                                    <table width="100%">
                                        
                                                <tr class="detail_head">
                                                    <td>
                                                        <strong>Style Name</strong>
                                                    </td>
                                                    <td>
                                                        <strong>Price</strong>
                                                    </td>
                                                </tr>
                                            
                                                <tr>
                                                    <td>
                                                        Slack_Corozo Buttons</td>
                                                    <td>
                                                        4.50
                                                    </td>
                                                </tr>
                                            
                                                <tr>
                                                    <td>
                                                        Slack_Cream</td>
                                                    <td>
                                                        5.00
                                                    </td>
                                                </tr>
                                            
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
	</tr>
</table>
            </div>
        </div>
        <div id="RushCharge" style="display: none" class="blockName">
            <div class="left">
                <strong>Rush Charge</strong>
            </div>
            <div class="right">
                <strong>Total Rush(US$):
                    <span id="rushMoney" class="charge">0.00</span></strong>
            </div>
            <div class="data">
                <div>

</div>
            </div>
        </div>
        <div id="OverSizeCharges" class="blockName">
            <div class="left">
                <strong>OverSize Charges:</strong>
            </div>
            <div class="right">
                <strong>Total OverSize(US$):<span id="overSizeMoney" class="charge">0.00</span></strong>
            </div>
            <div class="data">
                <table width="100%" class="detail_table">
                    
                </table>
            </div>
        </div>
        <div id="ShippingCharges" class="blockName">
            <div class="left">
                <strong>Shipping Charges:</strong>
            </div>
            <div class="right">
                <strong>Total Shipping(US$):<span id="shipMoney" class="charge">121.20</span></strong>
            </div>
            <div class="data">
                <table>
                    <tr>
                        <td style="width: 50%; vertical-align: top">
                            <table width="100%" class="detail_table">
                                
                                        <tr class="detail_head">
                                            <td>
                                                Item
                                            </td>
                                            <td>
                                                QTY
                                            </td>
                                            <td>
                                                FT
                                            </td>
                                            <td>
                                                Weight
                                            </td>
                                            <td>
                                                Total(kg)
                                            </td>
                                        </tr>
                                    
                                        <tr>
                                            <td>
                                                2pc suit
                                            </td>
                                            <td>
                                                2
                                            </td>
                                            <td>
                                                True
                                            </td>
                                            <td>
                                                1.7
                                            </td>
                                            <td>
                                                6.8
                                            </td>
                                        </tr>
                                    
                            </table>
                        </td>
                        <td>
                            <span lang="EN-US" style="font-size: 8pt; font-family: Georgia;">
                                Dealer
                                is responsible for additional shipping charge if actual costs are greater than Estimated
                                Shipping Charge. If Shipping Costs are lower than Estimated Shipping Charge, a credit
                                for the difference will be provided.&nbsp;
                            </span>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div id="extraCharge" class="blockName">
            <div class="left">
                <b>Extra Charge:</b>
            </div>
            <div class="right">
                <strong>Total Extras(US$):<span id="extraMoney" class="charge">0.00</span></strong>
            </div>
            <div class="data">
                <table width="80%">
                    
                </table>
                <div class="NoPrint" disabled="disabled" style="margin-left: 10px">
                    <b>Extra Charge:</b>
                    <input name="Extra" type="text" id="Extra" disabled="disabled" class="number" />
                    <b>Remark:</b>
                    <input name="Remark" type="text" id="Remark" disabled="disabled" />
                    <input type="submit" name="addExtras" value="Add" id="addExtras" disabled="disabled" />
                </div>
            </div>
        </div>
        <div class="data">
            <table border="1" cellpadding="0" cellspacing="0" class="inputTable" style="width: 100%">
                <tr>
                    <td>
                        <strong>Payment Method:</strong>
                        <select name="ddlpayMethod" id="ddlpayMethod" disabled="disabled" onChange="totalCharge()">
	<option value="0.055">POS-Paypal</option>
	<option value="0">3OD-WT</option>

</select>
                    </td>
                    <td align="right">
                        <strong>Preliminary Total(US$):</strong>
                        <span id="finalTotal">0.00</span>
                        <input type="hidden" name="hftotal" id="hftotal" />
                    </td>
                </tr>
                <tr>
                    <td colspan="2" align="left" width="68%" style="font-size: 8pt">
                        <p class="default" style="margin: 0cm 0cm 0pt">
                            <span lang="EN-US" style="font-size: 8pt; font-family: Georgia;">Preliminary Total.
                                Adjustments may be made to this total depending details of the order. Please check
                                back periodically to see if there are any revisions. Total will be finalized prior
                                to shipment and will also be listed in your "My Account". </span>
                        </p>
                    </td>
                </tr>
            </table>
        </div>
        <div style="text-align: center; width: 70%; float: left">
            <input type="submit" name="Total" value="Total" id="Total" disabled="disabled" class="NoPrint" />
            <input type="button" class="NoPrint" value="Print" onclick='window.print()' />
        </div>
        <div style="text-align: left; width: 28%; float: left">
        </div>
        <div style="clear: both">
        </div>
    </div>
    </form>
    <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
    <input type="hidden" name="cmd" value="_s-xclick" />
    <input type="hidden" name="hosted_button_id" value="1969342" />
    <table class="NoPrint">
        <tr>
            <td>
                <input type="hidden" name="on0" value="Enter Invoice / Grand Total as QUANTITY in PAYMENT PAGE" />
                Enter Invoice / Grand Total as QUANTITY in PAYMENT PAGE Grand Total as QUANTITY
                in PAYMENT PAGE
            UANTITY
                in PAYMENT PAGE
            </td>
        </tr>
        <tr>
            <td>
                <input type="text" name="os0" maxlength="60" />
            </td>
        </tr>
    </table>
    </form>
    <script type="text/javascript" language="javascript">
        ADS.addEvent(window, 'load', totalCharge);
        var extras = ADS.getElementByClassName("extra", "input");
        for (var i = 0; i < extras.length; i++) {
            ADS.addEvent(extras[i], 'change', function () {
                if (parseInt(this.value) > 0) {
                    ADS.$('extraCharge').className = 'blockName';
                }
                totalCharge();
            });
        }
        ADS.addEvent(ADS.$('Total'), 'click', totalCharge);
        function totalCharge() {
            var total = 0;
            var charges = ADS.getElementByClassName('charge');
            for (var i = 0; i < charges.length; i++) {
                if (charges[i].value) {
                    total += parseFloat(charges[i].value);
                }
                else {
                    total += parseFloat(charges[i].innerHTML);
                }

            }
            ADS.$('hftotal').value = total.toFixed(2);
            var percentage = parseFloat(ADS.$('ddlpayMethod').value);
            total = total * (1 + percentage);
            ADS.$('finalTotal').innerHTML = total.toFixed(2);
        }
    </script>
</body>
</html>
